<template>
  <el-form
    ref="qmGenForm"
    :model="models"
    :rules="rules"
    label-width="100px"
    class="qm-gen-form"
    :disabled="disabled"
  >
    <el-row>
      <el-col :span="12">
        <el-form-item label="demoName：" prop="model.demoName">
          <el-input v-model="models.model.demoName" />
        </el-form-item>
      </el-col>
      <el-col :span="12">
        <el-form-item label="status：" prop="model.status">
          <el-input v-model="models.model.status" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="12">
        <el-form-item label="createdDate：" prop="model.createdDate">
          <el-input v-model="models.model.createdDate" />
        </el-form-item>
      </el-col>
    </el-row>
  </el-form>
</template>

<script>
export default {
  name: 'AdminSysBasicDemoCreate',
  props: {
    models: Object,
    controlData: Object,
    pageAction: String,
    disabled: Boolean
  },
  data() {
    return {
      rules: {
        'model.demoName': [
          {
            required: true,
            message: '这是必填字段',
            trigger: 'blur'
          }
        ],
        'model.status': [
          {
            required: true,
            message: '这是必填字段',
            trigger: 'blur'
          }
        ],
        'model.createdDate': [
          {
            required: true,
            message: '这是必填字段',
            trigger: 'blur'
          }
        ]
      }
    }
  },
  methods: {}
}
</script>

<style scoped></style>
